<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>抗灾贴士</title>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    　　
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
<div class="top_text" style="margin-top: -20px">
    <h5 style="text-align: center">你好，欢迎你来到汇讯抗疫救灾互助平台</h5>
    <div style="float: right;display: flex;align-items: center;justify-content:center;margin-top: -30px;padding-right: 20%">
        <div style="">客户服务</div>
        <div>
            <a href="login.html">
                <button>登录</button>
            </a>
            <a href="regist.html">

                <button>注册</button>
            </a>
        </div>

    </div>

</div>
<div>
    <div style="display: flex;align-items: center;justify-content: center">
        <div style="text-align: left;position: absolute;left: 20%">
            <img src="./image/图片1.png" width="100" height="100">
        </div>
        <div style="text-align: center;margin-left:-260px">
            <h3>汇讯科学技术有限公司</h3>
        </div>
    </div>
</div>
<div style="position: absolute;background-color: crimson;width: 80%;left: 10%;height: 40px;margin-top: 30px">
    <div style="display: flex;justify-content: left;">
        <a href="index6.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">灾情地图</div>
        </a>
        <a href="index3.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">抗灾贴士</div>
        </a>
        <a href="index7.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">灾情资讯</div>
        </a>
        <a href="index.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">个人求助</div>
        </a>
        <a href="index4.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">物资流向</div>
        </a>
        <a href="index5.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">物资捐赠</div>
        </a>
    </div>
</div>
<div style="position: absolute;width: 20%;left: 10%;height: 900px;border: 1px solid black;margin-top: 70px">
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: #F08080">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 45%">火灾</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 30px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">预防措施</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 300px;border: 1px solid green;margin-top: 60px">
        <p style="font-weight: bold">控制可燃物</p>
        <p>挑选材料尽量使用不燃材料，增加房屋内通风措施，有相互可燃关系的物品分开存放。</p>
        <p style="font-weight: bold">隔绝空气</p>
        <p>生产易燃易爆物品时，应在密封设备内进行，如炒菜时锅内起火，可以盖上锅盖灭火，如在火苗处覆盖砂石，也可以隔绝空气。</p>
        <p style="font-weight: bold">不玩火，不放火</p>
        <p>不在森林中使用火源，如抽烟、放鞭炮等，不随意在野外生火等</p>

    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 360px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">求生方法</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 500px;border: 1px solid green;margin-top: 390px">
        <p style="font-weight: bold">个人逃生</p>
        <p>可用湿毛巾捂住口鼻，防止吸入浓烟导致窒息。在穿过浓烟区域时用湿衣服、湿床单等裹住身体，尽量使身体贴近地面行走。发现身上有火苗时，千万不要跑，应就地打滚或用衣物压灭火苗。</p>
        <p style="font-weight: bold">暂时无法逃生</p>
        <p>可利用工生间进行避难,并用湿毛巾塞紧门缝。</p>
        <p style="font-weight: bold">向外求助</p>
        <p>可在窗口、阳台等地向外大声呼叫，或敲击金属物品、投掷软物品等，在晚上可挥动手电筒或白布条，以引起救援人员的注意</p>


    </div>

</div>
<div style="position: absolute;width: 20%;left: 30%;height: 900px;border: 1px solid black;margin-top: 70px">
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: #F08080">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 45%">洪灾</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 30px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">预警措施</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 300px;border: 1px solid green;margin-top: 60px">
        <p style="font-weight: bold">政府部门</p>
        <p>加强对水灾与防范、监测和防治、和应对洪水灾害的对策、加固水库防洪、蓄滞洪区防洪、洪灾普及各种抢险技术，堤防隐患探测、管涌的抢护</p>
        <p style="font-weight: bold">人民群众</p>
        <p>留意政府发布的预警信息来做好应对准备,随时收听、了解各种相关信息，多了解水面可能上涨到的高度和可能影响的区域。</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 360px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">求生方法</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 500px;border: 1px solid green;margin-top: 390px">
        <p style="font-weight: bold">洪水即将来临时</p>
        <p>来不及转移的人员，要就近迅速向山坡、高地、楼房、避洪台等地转移，或者立即爬上屋顶、楼房高层、大树、高墙等高的地方暂避。
            准备保暖的衣物及治疗感冒、痢疾、皮肤感染的药品。
            准备可以用作通信联络的物品，如手电筒、蜡烛、打火机等，准备颜色鲜艳的衣物及旗帜、哨子等，以防不测时当做信号。</p>
        <p style="font-weight: bold">洪水高发期</p>
        <p>要储备好饮用水、保暖衣物和烧火用具等，特别是偏僻山区，一定要做好自力自救的准备，收集绳子或床单等东西，以备不时之用。</p>
        <p style="font-weight: bold">洪水过后</p>
        <p>要做好各项卫生防疫工作，预防疫病的流行。</p>


    </div>
</div>
<div style="position: absolute;width: 20%;left: 50%;height: 900px;border: 1px solid black;margin-top: 70px">
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: #F08080">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 45%">地震</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 30px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">预警措施</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 300px;border: 1px solid green;margin-top: 60px">
        <p style="font-weight: bold">个人注意</p>
        <p>注意甄别谣言，在我国，发布地震预报的权限在政府，任何其他单位或个人都无权发布地震预报消息。对待地震谣传，要做到不相信、不传播、及时报告。</p>
        <p style="font-weight: bold">地震前兆</p>
        <p>地下水发浑、冒泡、翻花、升温、变色、变味、突升、突降、泉源突然枯竭或涌出等
            动物出现及其反常行为</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 360px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">求生方法</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 500px;border: 1px solid green;margin-top: 390px">
        <p style="font-weight: bold">家庭住宅</p>
        <p>如果住的是平房，可以迅速跑到门外。如果住的是楼房，千万不要跳楼，应立即切断电闸，关掉煤气，暂避到洗手间等跨度小的地方，或是桌子，床铺等下面，震后迅速撤离，以防强余震。</p>
        <p style="font-weight: bold">公共区域</p>
        <p>在公共场合忌慌乱，应立即躲在课桌、椅子或坚固物品下面，拒绝明火；或听从指挥，待地震过后再有序地撤离。</p>
        <p style="font-weight: bold">救援方法</p>
        <p>营救过程应先近后远，“先救生，后救人”，不断壮大救援队伍；救人时要采取科学合理的救援方法，避免给受灾者造成新的伤害</p>
        <p style="font-weight: bold">其他</p>
        <p>手机和充足电源放在身边备用。</p>

    </div>
</div>
<div style="position: absolute;width: 20%;left: 70%;height: 900px;border: 1px solid black;margin-top: 70px">
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: #F08080">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 45%">疫情</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 30px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">预防措施</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 300px;border: 1px solid green;margin-top: 60px">
        <p style="font-weight: bold">人民群众</p>
        <p>避免去疾病正在流行的地区，若从疫区返回，应及时向上级报备并做好个人隔离
            不与他人共用个人物品如毛巾和衣服等，近处公共场所应做好消杀等个人防护措施
            积极主动接种疫苗，接种疫苗是最有效最经济的降低个人和群体患病率的方法
            避免接触、购买或食用野生动物，肉类蛋类用充分烹煮成熟后食用等</p>

    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 30px;background-color: brown;margin-top: 360px">
        <p style="position:absolute;color: whitesmoke;font-size: 20px;font-weight: bold;left: 38%">治理措施</p>
    </div>
    <div style="position: absolute;width: 100%;left: 0%;height: 500px;border: 1px solid green;margin-top: 390px">
        <p style="font-weight: bold">人民群众</p>
        <p>科学对待疫情，不造谣不信谣不传谣
            配合交通检疫和追踪寻访工作。关注民航、铁路、轮船、长途汽车旅客监测、登记、跟踪等制度，发现同行患者立即报备并自我隔离。</p>

    </div>
</div>
</body>
</html>